import React, {Component} from 'react';
import {NavLink} from "react-router-dom";
import '../../assets/css/homeHeader.scss'

class HomeHeader extends Component {
	render() {
		return (
			<header className="home-header">
				<div className="home-logo">
					<NavLink to="/">
						<div>HAPPY</div>
						<div>MMALL</div>
					</NavLink>
				</div>
				<div className="home-login">
					<div className="home-login-welcome">
						<i className="fa fa-user fa-fw"/>
						<span>欢迎，admin</span>
						<i className="fa fa-caret-down fa-fw"/>
					</div>
					<div className="home-login-close">
						<NavLink to={{pathname: '/login', state: 'closeLogin'}}>
							<i className="fa fa-sign-out fa-fw"/>
							<span>退出登录</span>
						</NavLink>
					</div>
				</div>
			</header>
		);
	}
}

export default HomeHeader;